html{
	margin:0px;
	font-family:'Kaiti';
	font-size:20px;
	font-weight:200;
	background:rgb(145,182,195);
	box-sizing:border-box;
}
body{
	display:flex;
	justify-content:center;
}
.search-form{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	max-width:700px;
}
input.search{
	padding:20px;
	margin:0px;
	border:10px solid #f7f7f7;
	border-radius:5px;
	font-size:40px;
	position:relative;
	top:10px;
	left:10px;
	text-align:center;
	box-shadow:0 0 5px rgba(0,0,0,0.12),
	inset 0 0 2px rgba(0,0,0,0.19);
	width:120%;
	font-family: 'Kaiti', 'helvetica neue';
}
.suggestion{
	width:100%;
	position:relative;
	top:7px;
	margin:0px;
	padding:0px;
}
.suggestion li{
	list-style:none;
	display:flex;
	flex-direction:column;
	padding:20px;
	margin:0;
	border-bottom:1px solid #d8d8d8;
	box-shadow:0 0 10px rgba(0,0,0,0.14);
	background:white;
}
span.title{
	margin-top:5px;
	margin-right:10px;
	text-align:right;
	color:#7c8e94;
}
span.h1{
	color:red;
}
.suggestion li:nth-child(odd){
	transform:perspective(100px) rotateX(-3deg) translateY(3px);
	background:linear-gradient(to top,#fff 0%,#efefef 100%);
}
.suggestion li:nth-child(even){
	transform:perspective(100px) rotateX(3deg) translateY(2px)scale(1.001);
	background:linear-gradient(to bottom,#fff 0%,#efefef 100%);
}